<template>
  <f7-page>
    <f7-navbar title="确认订单" back-link="Back"></f7-navbar>
    <f7-list class="search-list searchbar-found" media-list>
      <f7-list-item  :title="this.$store.state.apiCheckIn.customername">
      </f7-list-item>
      <f7-list-input label="房型" type="text" v-model="this.$store.state.apiCheckIn.type" clear-button disabled>
      </f7-list-input>
      <f7-list-input label="房号" type="text" v-model="this.$store.state.apiCheckInRoom.room" clear-button disabled>
      </f7-list-input>
      <f7-list-input label="联系方式" type="text" v-model="this.$store.state.apiCheckIn.contact" clear-button disabled>
      </f7-list-input>
    </f7-list>
    <f7-block strong class="queding">
      <f7-button fill raised @click="queding">确定</f7-button>
    </f7-block>
  </f7-page>
</template>
<script>
export default {
  methods: {
    queding() {
      const self = this;
      const app = self.$f7;
      app.dialog.alert(
        `入住成功`,
        () => {
          this.$f7router.navigate("/backgroundhome/");
        }
      );
    }
  }
};
</script>